
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>个人资料</title>
  <link rel="stylesheet" href="__PUBLIC__/mobile/css/public.css">
  <link rel="stylesheet" href="__PUBLIC__/mobile/css/login.css">

  <link href="__PUBLIC__/css/layui.css" rel="stylesheet" type="text/css" media="all"/>
  <script type="text/javascript" src="__PUBLIC__/layui.js"></script>

  <script src="__PUBLIC__/mobile/js/jquery-1.8.3.min.js" type="text/javascript"></script>
  <script src="__PUBLIC__/mobile/js/wxd.js" type="text/javascript"></script>

    <style type="text/css">
    .sendcode{
position: absolute;
    width: 100px !important;
    right: 0;
    top: 0;
    text-align: center;
    padding: 0 !important;
    background-color: #094;
    color: #fff;
    border-radius: 5px !important;
    cursor:pointer;
    }
  </style>
</head>
<body>
  <header class="nav">
      <a class="nav-return" href="{:U('mobile/info/what_laoshi',array('newcity'=>$city))}"></a>
      <h1 class="nav-title">教龄经历</h1>
      <span class="nav-right">
          <a class="nav-btn-reg" href="{:U('mobile/info/what_laoshi',array('newcity'=>$city))}">返回</a>
      </span>
  </header>
  
  <section class="main">
      <div class="logo">
          <img width="230" height="64" class="logo" src="__PUBLIC__/mobile/images/logo.png">
      </div>
      <form class="form layui-form" method="post">
          <div class="input-wrap">教龄：年
              <select name="jiaoling" id="" lay-verify="jiaoling">
                      <option value="{$jiaoling_jli.jiaoling}">{$jiaoling_jli.jiaoling}</option>
                      <option value="6">6年</option>
                      <option value="7">7年</option>
                      <option value="8">8年</option>
                      <option value="9">9年</option>
                      <option value="10">10年</option>
                      <option value="11">11年</option>
                      <option value="12">12年</option>
                      <option value="13">14年</option>
                      <option value="15">15年</option>
                      <option value="16">16年</option>
                      <option value="17">17年</option>
                      <option value="18">18年</option>
                      <option value="19">19年</option>
                      <option value="20">20年</option>
                      <option value="21">21年</option>
                      <option value="22">22年</option>
                      <option value="23">23年</option>
                      <option value="24">24年</option>
                      <option value="25">25年</option>
                      <option value="26">26年</option>
                      <option value="27">27年</option>
                      <option value="28">28年</option>
                      <option value="29">29年</option>
                      <option value="30">30年</option>
                      <option value="30">35年</option>
              </select>
              <i class="i-close"></i>
          </div>
          <div class="input-wrap">
                    <div class="layui-input-inline" style="width:50%;">时间：年/月
                    <select name="start_year" lay-verify="start_year" style="width:135px">
                        <option value="{$jiaoling_jli['start_year']}" selected="">{$jiaoling_jli['start_year']}</option>
                        <option value="1980">1980年</option><option value="1981">1981年</option>
                        <option value="1982">1982年</option><option value="1983">1983年</option>
                        <option value="1984">1986年</option><option value="1985">1985年</option>
                        <option value="1986">1986年</option><option value="1987">1987年</option>
                        <option value="1988">1988年</option><option value="1989">1989年</option>
                        <option value="1990">1990年</option><option value="1991">1991年</option>
                        <option value="1992">1992年</option><option value="1993">1993年</option>
                        <option value="1994">1994年</option><option value="1995">1995年</option>
                        <option value="1996">1996年</option><option value="1997">1997年</option>
                        <option value="1998">1998年</option><option value="1999">1999年</option>
                        <option value="2000">2000年</option><option value="2001">2001年</option>
                        <option value="2002">2002年</option><option value="2003">2003年</option>
                        <option value="2004">2004年</option><option value="2005">2005年</option>
                        <option value="2006">2006年</option><option value="2007">2007年</option>
                        <option value="2008">2008年</option><option value="2009">2009年</option>
                        <option value="2010">2010年</option><option value="2011">2011年</option>
                        <option value="2012">2012年</option><option value="2013">2013年</option>
                        <option value="2014">2014年</option><option value="2015">2015年</option>
                        <option value="2016">2016年</option><option value="2017">2017年</option><option value="2018">2018年</option>
                    </select>
                    </div>
                    <div class="layui-input-inline" style="width: 40%;vertical-align: bottom;">
                        <select name="start_month" lay-verify="start_month" style="width:135px">
                            <option value="{$jiaoling_jli['start_month']}" selected="">{$jiaoling_jli['start_month']}</option>
                            <option value="1">1月</option>
                            <option value="2">2月</option>
                            <option value="3">3月</option>
                            <option value="4">4月</option>
                            <option value="5">5月</option>
                            <option value="6">6月</option>
                            <option value="7">7月</option>
                            <option value="8">8月</option>
                            <option value="9">9月</option>
                            <option value="10">10月</option>
                            <option value="11">11月</option>
                            <option value="12">12月</option>
                        </select>
                    </div>
                    <br>
                    <div class="layui-input-inline" style="width:50%;"> 至 
                    <select name="stop_year" lay-verify="stop_year" style="width:135px">
                        <option value="{$jiaoling_jli['stop_year']}" selected="">{$jiaoling_jli['stop_year']}</option>
                        <option value="至今">至今</option><option value="1980">1980年</option><option value="1981">1981年</option>
                        <option value="1982">1982年</option><option value="1983">1983年</option>
                        <option value="1984">1986年</option><option value="1985">1985年</option>
                        <option value="1986">1986年</option><option value="1987">1987年</option>
                        <option value="1988">1988年</option><option value="1989">1989年</option>
                        <option value="1990">1990年</option><option value="1991">1991年</option>
                        <option value="1992">1992年</option><option value="1993">1993年</option>
                        <option value="1994">1994年</option><option value="1995">1995年</option>
                        <option value="1996">1996年</option><option value="1997">1997年</option>
                        <option value="1998">1998年</option><option value="1999">1999年</option>
                        <option value="2000">2000年</option><option value="2001">2001年</option>
                        <option value="2002">2002年</option><option value="2003">2003年</option>
                        <option value="2004">2004年</option><option value="2005">2005年</option>
                        <option value="2006">2006年</option><option value="2007">2007年</option>
                        <option value="2008">2008年</option><option value="2009">2009年</option>
                        <option value="2010">2010年</option><option value="2011">2011年</option>
                        <option value="2012">2012年</option><option value="2013">2013年</option>
                        <option value="2014">2014年</option><option value="2015">2015年</option>
                        <option value="2016">2016年</option><option value="2017">2017年</option><option value="2018">2018年</option>
                    </select>
                    </div>
                    <div class="layui-input-inline" style="width: 40%;vertical-align: bottom;">
                        <select name="stop_month" style="width:135px">
                            <option value="{$jiaoling_jli['stop_month']}" selected="">{$jiaoling_jli['stop_month']}</option>
                            <option value="">至今</option>
                            <option value="1">1月</option>
                            <option value="2">2月</option>
                            <option value="3">3月</option>
                            <option value="4">4月</option>
                            <option value="5">5月</option>
                            <option value="6">6月</option>
                            <option value="7">7月</option>
                            <option value="8">8月</option>
                            <option value="9">9月</option>
                            <option value="10">10月</option>
                            <option value="11">11月</option>
                            <option value="12">12月</option>
                        </select>
                    </div>
              <i class="i-close"></i>
          </div>
          <div class="input-wrap">过往经历：
              <!-- <textarea id="L_content" name="content" placeholder="输入过往经历" class="layui-textarea fly-editor" style="height: 160px;">{$jiaoling_jli['experience']}</textarea> -->
              <textarea name="content" class="layui-textarea" placeholder="输入过往经历" rows="5" style="width: 100%;padding: 5px" >{$jiaoling_jli['experience']}</textarea>
              <i class="i-close"></i>
          </div>
            <div class="input-wrap">个人简介:
                <!-- <textarea id="L_jianjie" name="jianjie" placeholder="输入自我描述/简介" class="layui-textarea fly-editor" style="height: 160px;">{$jiaoling_jli['jianjie']}</textarea> -->
                <textarea name="jianjie" class="layui-textarea" placeholder="输入自我描述/简介" rows="5" style="width: 100%;padding: 5px" >{$jiaoling_jli['jianjie']}</textarea>
                <i class="i-close"></i>
            </div>
          <div class="input-wrap">
            <div class="layui-input-inline">颤长类型：
            <select name="stye_one" lay-verify="stye_one" style="width:135px">
                <option value="{$jiaoling_jli_stye.0}" selected=""> {$jiaoling_jli_stye.0} 学生类1</option>
                <option value="基础薄弱型">基础薄弱型</option>
                <option value="偏科严重型">偏科严重型</option>
                <option value="培优拔高型">培优拔高型</option>
                <option value="知识生疏型">知识生疏型</option>
                <option value="缺少思路型">缺少思路型</option>
                <option value="动力不足型">动力不足型</option>
                <option value="考前焦虑型">考前焦虑型</option>
                <option value="苦学无效型">苦学无效型</option>
                <option value="粗心大意型">粗心大意型</option>
                <option value="思维呆板型">思维呆板型</option>
            </select>
            </div>
            <div class="layui-input-inline">
            <select name="stye_two" lay-verify="stye_two" style="width:135px">
                <option value="{$jiaoling_jli_stye.1}" selected=""> {$jiaoling_jli_stye.1} 学生类2</option>
                <option value="基础薄弱型">基础薄弱型</option>
                <option value="偏科严重型">偏科严重型</option>
                <option value="培优拔高型">培优拔高型</option>
                <option value="知识生疏型">知识生疏型</option>
                <option value="缺少思路型">缺少思路型</option>
                <option value="动力不足型">动力不足型</option>
                <option value="考前焦虑型">考前焦虑型</option>
                <option value="苦学无效型">苦学无效型</option>
                <option value="粗心大意型">粗心大意型</option>
                <option value="思维呆板型">思维呆板型</option>
            </select>
            </div>
            <div class="layui-input-inline">
            <select name="stye_three" lay-verify="stye_three" style="width:135px">
                <option value="{$jiaoling_jli_stye.2}" selected=""> {$jiaoling_jli_stye.2} 学生类3</option>
                <option value="基础薄弱型">基础薄弱型</option>
                <option value="偏科严重型">偏科严重型</option>
                <option value="培优拔高型">培优拔高型</option>
                <option value="知识生疏型">知识生疏型</option>
                <option value="缺少思路型">缺少思路型</option>
                <option value="动力不足型">动力不足型</option>
                <option value="考前焦虑型">考前焦虑型</option>
                <option value="苦学无效型">苦学无效型</option>
                <option value="粗心大意型">粗心大意型</option>
                <option value="思维呆板型">思维呆板型</option>
            </select>
            </div>
              <i class="i-close"></i>
          </div>
          <div class="input-wrap">
            <div class="layui-input-inline">教学特点：
            <select name="tedian_one" lay-verify="tedian_one" style="width:135px">
                <option value="{$jiaoling_jli_tedian.0}" selected=""> {$jiaoling_jli_tedian.0} 类型1</option>
                <option value="因材施教">因材施教</option>
                <option value="注重方法">注重方法</option>
                <option value="把握重点">把握重点</option>
                <option value="经验丰富">经验丰富</option>
                <option value="严谨细密">严谨细密</option>
                <option value="睿智创新">睿智创新</option>
                <option value="自然亲切">自然亲切</option>
                <option value="严厉认真">严厉认真</option>
                <option value="声情并茂">声情并茂</option>
                <option value="拓展学生思维">拓展学生思维</option>
                <option value="培养学习习惯">培养学习习惯</option>
                <option value="激发学习兴趣">激发学习兴趣</option>
            </select>
            </div>
            <div class="layui-input-inline">
            <select name="tedian_two" lay-verify="tedian_two" style="width:135px">
                <option value="{$jiaoling_jli_tedian.1}" selected=""> {$jiaoling_jli_tedian.1} 类型2</option>
                <option value="因材施教">因材施教</option>
                <option value="注重方法">注重方法</option>
                <option value="把握重点">把握重点</option>
                <option value="经验丰富">经验丰富</option>
                <option value="严谨细密">严谨细密</option>
                <option value="睿智创新">睿智创新</option>
                <option value="自然亲切">自然亲切</option>
                <option value="严厉认真">严厉认真</option>
                <option value="声情并茂">声情并茂</option>
                <option value="拓展学生思维">拓展学生思维</option>
                <option value="培养学习习惯">培养学习习惯</option>
                <option value="激发学习兴趣">激发学习兴趣</option>
            </select>
            </div>
            <div class="layui-input-inline">
            <select name="tedian_three" lay-verify="tedian_three" style="width:135px">
                <option value="{$jiaoling_jli_tedian.2}" selected=""> {$jiaoling_jli_tedian.2} 类型3</option>
                <option value="因材施教">因材施教</option>
                <option value="注重方法">注重方法</option>
                <option value="把握重点">把握重点</option>
                <option value="经验丰富">经验丰富</option>
                <option value="严谨细密">严谨细密</option>
                <option value="睿智创新">睿智创新</option>
                <option value="自然亲切">自然亲切</option>
                <option value="严厉认真">严厉认真</option>
                <option value="声情并茂">声情并茂</option>
                <option value="拓展学生思维">拓展学生思维</option>
                <option value="培养学习习惯">培养学习习惯</option>
                <option value="激发学习兴趣">激发学习兴趣</option>
            </select>
            </div>
              <i class="i-close"></i>
          </div>
          
          <input type="hidden" name="id" value="{$id}">
          <input type="hidden" name="newcity" value="{$city}">
          <button class="btn-submit" style="margin-top: 20px;" lay-submit lay-filter="*">提&nbsp;&nbsp;交</button>
      </form>
  </section>
<script type="text/javascript">
    layui.use(['form','layer','layedit' ,'laypage', 'element','upload'], function(){
            $ = layui.jquery;
          var form = layui.form()
          ,laypage = layui.laypage
          ,layedit = layui.layedit
          ,element = layui.element()
          ,upload = layui.upload
          ,layer = layui.layer;

    //自定义验证规则
    form.verify({
      jiaoling: function(value){
        if(value.length < 1){
          return '教龄不能为空';
        }
      }
      ,start_year: function(value){
        if(value.length < 1){
          return '时间年份不能为空';
        }
      }
      ,start_month: function(value){
        if(value.length < 1){
          return '时间月份不能为空';
        }
      }
      ,stop_year: function(value){
        if(value.length < 1){
          return '至年份不能为空';
        }
      }
      ,stye_one: function(value){
        if(value.length < 1){
          return '学生类型不能为空';
        }
      }
      ,stye_two: function(value){
        if(value.length < 1){
          return '学生类型不能为空';
        }
      }
      ,stye_three: function(value){
        if(value.length < 1){
          return '学生类型不能为空';
        }
      }
      ,tedian_one: function(value){
        if(value.length < 1){
          return '老师特点不能为空';
        }
      }
      ,tedian_two: function(value){
        if(value.length < 1){
          return '老师特点不能为空';
        }
      }
      ,tedian_three: function(value){
        if(value.length < 1){
          return '老师特点不能为空';
        }
      }
    });
    //创建一个编辑器
    // var editIndex = layedit.build('L_content', {height: 132,
    //               tool: ['strong','italic','underline','del','left', 'center', 'right']
    //               });
    //创建一个编辑器
    // var editIndex1 = layedit.build('L_jianjie', {height: 132,
    //               tool: ['strong','italic','underline','del','left', 'center', 'right']
    //               });

    form.on('submit(*)', function(data){
      //data.field.content = layedit.getContent(editIndex);
      //data.field.jianjie = layedit.getContent(editIndex1);
      
      //console.log(data);
    $.ajax({
        url: "{:U('mobile/info/ls_jiaoling_add')}",//请求地址
        type: "post",//请求方式
        dataType: "json",//返回数据类型
        data: data.field,//发送的参数
        })
        .done(function(response) {
              if(response.error==0){
                 layer.msg(response.info ,{icon:5});

              }else{
                 layer.msg(response.info ,{icon:6});
                 location.href = response.url;

              }
          })
        .fail(function() {
            alert("ajxs交互失败");
        })  

      return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });   
    });
</script>
</body>
</html>

